<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>RaMaTweet | Profile</title>
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
		
		<script type="text/javascript">
			$(document).ready(function() {
			    $(".menu").click(
			    	function(event) {
			        	$('#faux').load('Content',{content: $(this).attr('id')});
			        	$('#navigation').load('../menu.jsp');    
			    	}
			    );
			});
		</script>
	</head>
	
	<body>
	   <!-- Begin Wrapper -->
	   <div id="wrapper">
	         <!-- Begin Header -->
	         <div id="header">
			       <h1 style="text-align: center;"> RAMATWEET </h1>
			 </div>
			 <!-- End Header -->
			 
			 <!-- Begin Navigation -->
	         <div id="navigation">	 
				   <jsp:include page="../menu.jsp" />	
			 </div>
			 <!-- End Navigation -->
			 
	         <!-- Begin Faux Columns -->
			 <div id="faux">
			 
			       <!-- Begin Left Column -->
			       <div id="leftcolumn">
			       		<p> FOLLOWERS </p>       
			       </div>
			       <!-- End Left Column -->
			 
			       <!-- Begin Right Column -->
			       <div id="rightcolumn">
			       		<p> TWEETS </p> 
				   <div class="clear"></div>
			       </div>
			       <!-- End Right Column -->
	         </div>	   
	         <!-- End Faux Columns --> 
	         
	         <!-- Begin Footer -->
	         <div id="footer"> 
	         	<p style="text-align:right;">Marc Gascon 68499 - Raul Houso 68508 - 
				<span class="copyright"> &copy; RamaTweet</span> </p>
	         </div>
	         <!-- End Footer --> 
	   </div>
	   <!-- End Wrapper -->
	</body>
</html>



